<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>放映厅</title>
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/videoHall.css">
</head>
<script src="js/jquery-3.6.0.min.js"></script>
<body>

<!--按钮表和按钮里-->
<input type="checkbox" id="menu_btn">
<label class="menu-btn" for="menu_btn">
  <i class="fa fa-bars" aria-hidden="true"></i>
</label>
<!--点击三道杠后出现的-->
<div class="wrapper">
  <ul class="menu">
    <li><a href="index.html">首页</a></li>
    <li><a href="messageBoard.html">留言板</a></li>
    <li><a href="videoHall.html">放映厅</a></li>
    <li><a href="login.html">登录</a></li>
    <li><a href="#">空</a></li>
  </ul>
</div>
<ul class="icon-nav">
  <li>
    <a href="">
      <i class="fa fa-home"></i>
      <span>首页</span>
    </a>
  </li>
  <li>
    <a href="">
      <i class="fa fa-product-hunt"></i>
      <span>产品管理</span>
    </a>
  </li>
  <li>
    <a href="">
      <i class="fa fa-user-circle"></i>
      <span>会员管理</span>
    </a>
  </li>
  <li>
    <a href="">
      <i class="fa fa-shopping-bag"></i>
      <span>订单管理</span>
    </a>
  </li>
  <li>
    <a href="">
      <i class="fa fa-credit-card-alt"></i>
      <span>财务中心</span>
    </a>
  </li>
  <!-- 分割线 -->
  <li class="split">
    <a href="">
      <i class="fa fa-bell"></i>
      <span>消息</span>
    </a>
  </li>
  <li>
    <a href="">
      <i class="fa fa-gear"></i>
      <span>系统配置</span>
    </a>
  </li>
  <li>
    <a href="">
      <i class="fa fa-user"></i>
      <span>用户中心</span>
    </a>
  </li>
</ul>

<!--===========================================公共部分=======================================================-->







<!--趣味小飞机-->
<div id="plane" style="transform: rotate(132.955deg); left: 1290.43px; top: 42.63px;">
  <i class="fa fa-paper-plane" aria-hidden="true"></i>
</div>













<!--搜索功能-->
<input type="checkbox" id="search_btn" hidden>
<label for="search_btn" class="search-btn">
  <i class="fa fa-search" aria-hidden="true"></i>
</label>
<label for="search_btn" class="close-btn" style="z-index: 106">
  <i class="fa fa-close" aria-hidden="true"></i>
</label>
<div class="new_container">
  <div class="search-box">
    <input type="text" placeholder="请输入..">
    <i class="fa fa-search" id="click_search_btn" aria-hidden="true"></i>
  </div>
</div>








<!--视频展示部分-->
<div class="container">
  <div class="card" id="card_1">
    <div class="card-cover" style="background-image: url(images/video/1.png);"></div>
  </div>
  <div class="card" id="card_2">
      <div class="card-cover" style="background-image: url(images/video/1.png);"></div>
  </div>
  <div class="card" id="card_3">
    <div class="card-cover" style="background-image: url(images/video/1.png);"></div>
  </div>
  <div class="card" id="card_4">
    <div class="card-cover" style="background-image: url(images/video/1.png);"></div>
  </div>
  <div class="card" id="card_5">
    <div class="card-cover" style="background-image: url(images/video/1.png);"></div>
  </div>
</div>


<!--上传功能-->
<div id="upLoad">
    <a href="upload.html">上传视频</a>
</div>









<script src="js/videoHall.js"></script>
</body>

</html>